<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html> <!--<![endif]-->

<html lang="zh_CN" class="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>${title}</title>
<meta name="keywords" content="${keywords}"/>
<meta name="description" content="${description}"/>

<!--[if lt IE 9]>
  <script src="/Web/Web_Wj/cssjs/js/html5shiv.js"></script>
  <script src="/Web/Web_Wj/cssjs/js/es5-shim.js"></script>
  <script src="/Web/Web_Wj/cssjs/js/es5-sham.js"></script>
  <![endif]-->

<link href="/Web/Web_Wj/cssjs/css/bootstrap.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-v2.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-purple.css" rel="stylesheet" />
<link href="/Web/Web_Wj/cssjs/css/main-purple.css" rel="stylesheet" />
</head>
<body class="es-main-purple es-nav-default course-list-page ">

<!--[if lt IE 9]>
<script src="/Web/Web_Wj/cssjs/js/fix-ie.js"></script>
<style>
  .lt-ie9 {
    overflow: hidden;
  }
  .ie-mask {
    z-index: 999999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background: #000;
  }
  .ie-alert-wrap {
    position: absolute;
    z-index: 1000000;
    margin: -200px auto 0;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
  }
  .ie-alert {
    width: 514px;
    height: 397px;
    margin: 0 auto;
  }
  .ie-alert__chrome,
  .ie-alert__firefox {
    position: absolute;
    z-index: 1000001;
    display: block;
    bottom: 48px;
    width: 60px;
    height: 80px;
  }
  .ie-alert__chrome {
    left: 50%;
    margin-left: -80px;
  }
  .ie-alert__firefox {
    right: 50%;
    margin-right: -80px;
  }
</style>
<div class="ie-mask"></div>
<div class="ie-alert-wrap">
  <div class="ie-alert" style="background:url('/Web/Web_Wj/cssjs/images/browser_update.png')">
    <a href="http://www.baidu.com/s?wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8" target="_blank" class="ie-alert__chrome"></a>
    <a href="http://firefox.com.cn/download/" target="_blank" class="ie-alert__firefox"></a>
  </div>
</div>

<![endif]-->

<div class="es-wrap">
  <header class="es-header navbar zero-inside-header">
    <div class="navbar-header">
      <a href="/" class="navbar-brand"> <img src="${logotihuan}"> </a> </div>
    <nav class="collapse navbar-collapse">
${inide:head.html}
    </nav>
  </header>
  <div class="es-banner">
    <div class="container">
      <div class="title"> <i class="es-icon es-icon-viewcomfy"></i> 课程列表 </div>
      <div class="more"> <a class="btn btn-primary btn-lg" href="?sort=mianfei"> 查看免费课 </a> </div>
    </div>
  </div>
  <div id="content-container" class="container">
    <div class="tabs-wrapper">
      <!--<div class="tabs-mark-group plm ptm clearfix">
        <div class="title">所有分类：</div>
        <ul class="content list-unstyled list-inline">
          <li class="classify"> <a href="/course/explore?orderBy=latest">逆向安全<i class="es-icon es-icon-chevronright"></i></a> </li>
          <li class="classify"> </li>
          <li class="classify"> </li>
        </ul>
      </div>-->
      <div class="tabs-group">
        <div class="title">分类:</div>
        <ul class="content clearfix">
          ${Stags}
        </ul>
      </div>
      ${Xtags}
      <div class="tabs-group">
        <div class="title">课程资费:</div>
        <ul class="content clearfix">
          <li class="${fufeiclass}" ><a class="nav-link" href="?sort=qian">付费课程</a></li>
          <li class="${jinpinclass}" ><a class="nav-link" href="?sort=jinpin">精品课程</a></li>
          <li class="${jinpinclassb}" ><a class="nav-link" href="/course/?sort=shouyemianfei">推荐免费</a></li>
        </ul>
      </div>
    </div>
    <div class="es-filter">
      <ul class="nav nav-sort clearfix">
        <li> <a href="?sort=new" class="${newclass}"> 推荐 </a> </li>
        <li> <a href="?sort=hot" class="${hotclass}"> 最热 </a> </li>
        <li> <a href="?sort=c" class="${cclass}"> 最新 </a> </li>
      </ul>
      <div class="filter hidden-xs">
        <div class="btn-group">
          <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i
              class="es-icon es-icon-crown text-warning"></i> 收费课程 </button>
          <ul class="dropdown-menu" role="menu">
            <li role="presentation" class="active "><a
                href="?sort=qian">推荐课程</a> </li>
            <li role="presentation" class=""><a
                  href="?sort=qianjinpin">精品课程</a> </li>
          </ul>
        </div>
        <label class="checkbox-inline">
          <a href="?sort=mianfei">免费课程</a> </label>
      </div>
    </div>
    <div class="course-list">
      <div class="row">
${list}
      </div>
    </div>
    <nav class="text-center">
      <nav class=" text-center">
        <ul class="pagination cd-pagination">
<ul class="pagination cd-pagination">
${pagelist}
              </ul>
        </ul>
      </nav>
    </nav>
  </div>
  ${inide:footer.html}
</div>
<div id="login-modal" class="modal" data-url="/login/ajax"></div>
<div id="modal" class="modal"></div>
<div id="attachment-modal" class="modal"></div>
<script>
  if (typeof app === 'undefined') {
      var app = {};
  }


</script> 
<script src="/Web/Web_Wj/cssjs/js/translator.min.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/zh_cn.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/vendor.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/common.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/main.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/echo-js.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/perfect-scrollbar.js"></script> 
<script src="/Web/Web_Wj/cssjs/js/index.js"></script> 
<script type="text/javascript">
  window.seajsBoot && window.seajsBoot();
</script>
</body>
</html>